<template>
    <div class="partner-warp">
        <img class="partner-img" src="http://img.uuuda.com/udaWeapp2.0/icon/mine/partner-logo7.png">
        <div class="partner-bottom">
            <!--<div class="partner-title-box">-->
                <!--<img class="partner-title-img" src="http://img.uuuda.com/udaWeapp2.0/icon/mine/partner-logo6.png">-->
            <!--</div>-->
            <div class="partner-content">
                <img src="http://img.uuuda.com/udaWeapp2.0/icon/mine/partner-logo8.png" class="partner-content-title">
                 <div class="partner-content-cell flex">
                     <div class="partner-content-cell-left flex">
                         <img src="http://img.uuuda.com/udaWeapp2.0/icon/mine/partner-logo3.png">
                         <p>联系微信：</p>
                         <span>xiaoucx</span>
                     </div>
                     <div class="partner-content-cell-right info-copy1"  @click="copyText('info-copy1')" :data-clipboard-text="wxCode">复制</div>
                 </div>
                <div class="partner-content-cell flex">
                    <div class="partner-content-cell-left flex">
                        <img src="http://img.uuuda.com/udaWeapp2.0/icon/mine/partner-logo5.png">
                        <p>联系邮箱:</p>
                        <span>kty@xucx.club</span>
                    </div>
                    <div class="partner-content-cell-right info-copy2"  @click="copyText('info-copy2')" :data-clipboard-text="qqCode">复制</div>
                </div>

                <div class="partner-title1">小U出行微信公众号</div>
                <div class="partner-title2">微信搜索【小U出行】并关注公众号</div>
                <div class="partner-title3">回复“合伙人”客服会与您联系</div>
            </div>

        </div>
        <img  src='http://img.uuuda.com/udaWeapp2.0/icon/down/u-logo.png'  class="u-logo" />
    </div>
</template>
<script>
let axios = require("axios");
import Clipboard from 'clipboard';

export default {
    data() {
        return {
            wxCode:'xiaoucx',
            qqCode:'kty@xucx.club'
        };
    },

    created() {
        let self=this;
    },
    mounted(){


    },

    watch:{

    },
    methods: {

//复制粘贴
        copyText(className){
            let self=this;
            const clipboard = new Clipboard('.'+className);
            clipboard.on('success', function(e) {
                e.clearSelection();
                // alert('复制成功')
                self.$dialog.toast({
                    mes: '复制成功',
                    timeout: 1500
                });
            });
            //失败回调
            clipboard.on('error', function(e) {
                // alert('复制失败,请手动复制');
                self.$dialog.toast({
                    mes: '复制失败,请手动添加',
                    timeout: 1500
                });
            });

        },
        //打电话
        callPhone:function(){
            window.location.href="tel:010-64741971"
        },



    }
};
</script>

<style>
    .partner-warp{
        position: relative;
        width: 100%;
        display: block;
        padding-bottom: 40px;
        /*height: 100%;*/
        background: #FFE0B5;

    }
    .flex{
        display: flex;
    }
    .partner-img{
        position: relative;
        width: 100%;
        height: 100%;
        display: block;
        /*margin:  0 auto;*/
    }
    .partner-bottom{
        position: relative;
        width: 100%;

    }
    .partner-title-box{
        position: relative;
        padding: 16px 0 24px 0;

    }
    .partner-title-img{
        position: relative;
        width: 143px;
        height: 22px;
        display: block;
        margin: 0px auto;

    }
.partner-content{
    position: relative;
    width: 351px;
    height: 292px;
    background: #FFFFFF;
    border-radius: 8px;
    margin: 12px auto 0 auto;
    padding: 16px;

}
    .partner-content-cell{
     align-items: center;
        justify-content: space-between;
        padding: 14px 0;
    }
    .partner-content-cell-left{
        align-items: center;
    }
    .partner-content-cell-left img{
      height: 20px;
        width: 20px;
    }
    .partner-content-cell-left p{


        font-size: 16px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #5C5E66;
        line-height: 20px;
        margin-left: 8px;
    }
    .partner-content-cell-left span{

        font-size: 16px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #292B33;
        line-height: 20px;
        margin-left: 8px;

    }
    .partner-content-cell-right{
        width: 40px;
        height: 20px;
        background: #FFFFFF;
        border-radius: 4px;
        border: 1px solid #D3D5DE;
        text-align: center;
        font-size: 12px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #1A79FF;
        line-height: 20px;
    }
    .partner-phone{

        font-size: 16px!important;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500!important;
        color: #1A79FF!important;
        line-height: 20px!important;
    }
    .partner-title1{

        font-size: 16px;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: #292B33;
        line-height: 20px;
        margin-top: 4px;
        text-align: center;
    }
    .partner-title2{

        font-size: 12px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #5C5E66;
        line-height: 20px;
        margin-top: 4px;

        text-align: center;

    }
    .partner-title3{

        font-size: 12px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #292B33;
        line-height: 20px;
        margin-top: 8px;
        text-align: center;

    }
    .u-logo{
        position: relative;
        width: 63px;
        height: 29px;
        display: block;
        margin: 16px auto 0 -31.5px;
        left: 50%;
    }
    .partner-content-title{
        position: relative;
        width: 143px;
        height: 22px;
        display: block;
        margin: 0 auto 12px auto;
    }
</style>
